<template>
  <span class="MGroup">
    <slot></slot>
  </span>
</template>

<script>
  export default {
    data(){
      return {
        data:''
      }
    },
    props:{
      name:String
    },
    watch:{
      data(){
        this.$emit("change",this.data);
        this.$parent.data[this.name] = this.data;
      }
    },
    mounted(){
      this.mirror.instance.set("group_"+this.name,this);
    }
  }
</script>